<%--사용안하는 페이지임 --%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%--jstl을 쓰기 위해 사용 --%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %><%--숫자 포맷을 사용하기 위해 사용 --%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%><%--함수들을 이용하기 위해 사용 --%>
<%@ taglib prefix="c-rt" uri="http://java.sun.com/jstl/core_rt" %>  <%-- ie버전 확인에 쓰기 위해 씀 --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript">
function scrollAll() {
	document.getElementById("leftDisplay").scrollTop = document.getElementById("mainDisplay").scrollTop;
	document.getElementById("topLine").scrollLeft = document.getElementById("mainDisplay").scrollLeft;
}
</script>
<style> 
table.main_table {
  border           : solid;
  border-width     : 0px 0px 0px 0px;
  text-align       : center;
  table-layout     : fixed;
}
.main_head {
  background-color : yellow;
}
.main_body {
  background-color : #FFFFFF;
}
table.table-short2 {table-layout: fixed; border-collapse:collapse;}
table.table-short2 td {border-top:1px solid #dfdfdf; font-size:0.9em; padding:4px 2px; margin:0; color:#666;}
table.table-short2 thead td {border-top:none; background-color: #5c6467; color: #fff;  padding:4px 2px;}
table.table-short2 thead td.side {border-top:1px solid #5c6467; background-color: #5c6467; color: #fff;  padding:4px 2px;}
</style>
</head>
<body>
<div class="box">
	<h4 class="white">자산현황</h4>
    <div class="box-container1" style="padding:10px 0 0 0">     		
      		<table class="main_table" style="width: 740px; border: solid; border-color: black black #000000; border-width: 0px 0px 0px 0px; table-layout: fixed; padding:0px; margin: 0px" cellpadding="0" cellspacing="0">
      			<tr>
      				<td width="240px" style="vertical-align: top">
      					<table class="table-short2" style="width: 100%;">
      						<thead>
      							<tr>
      								<td style="padding-left: 10px">정보코드</td>
      								<td>정보명</td>
      							</tr>
      						</thead>
      					</table>
      				</td>
      				<td style="vertical-align: top">
      					<div id="topLine" style="width: 483px; overflow: hidden;">
      						<table class="table-short2" style="width: ${fn:length(list)*100 }px;">
      						<colgroup>
      						<c:forEach begin="1" end="${fn:length(list)}">
      							<col width="100px"/>
      						</c:forEach>
      						</colgroup>
      							<thead>
	      							<tr>
	      								<c:forEach var="list" items="${requestScope.list}" varStatus="status">
	      									<td><div class="ellipsis"  style="width:100%;" title="${list.ak_nm2 }">${list.ak_nm2 }</div></td>
				                    		<%--<th id="th${status.index+1 }">${list.ak_nm2 }<input type="hidden" id="thHidden${status.index+1 }" value="${list.base_lev1 }"></input></th> --%>
				                   		 </c:forEach>
	      							</tr>
		                   		 </thead>
      						</table>
      					</div>
      				</td>
      			</tr>
      			<tr>
      				<td width="240px" valign="top" style="vertical-align: top">
      					<div id="leftDisplay" style="width: 240px; height: 375px; overflow: hidden;">
      						<table class="table-short2" style="width: 100%">
	      						<thead>
	      							<c:forEach var="metList" items="${requestScope.metList}" varStatus="status">
	      								<tr>
	      									<td height="15px" style="padding-left: 10px" class="side"><div class="ellipsis"  style="width:100%;" title="${metList.rainfo_id }">${metList.rainfo_id }</div></td>
	      									<td class="side"><div class="ellipsis"  style="width:100%;" title="${metList.rainfo_nm }">${metList.rainfo_nm }</div></td>
	      								</tr>
			                   		 </c:forEach>
	      						</thead>
	      					</table>
      					</div>
      				</td>
      				<td width="700px" valign="top">
      					<div id="mainDisplay" style="width: 500px; height: 392px; overflow: auto; overflow-y: scroll;" onscroll="scrollAll()">
      						<table class="table-short2" style="width: ${fn:length(list)*100 }px">
      						<colgroup>
      						<c:forEach begin="1" end="${fn:length(list)}">
      							<col width="100px"/>
      						</c:forEach>
      						</colgroup>
	      						<tbody>
	      							<c:forEach var="metList" items="${requestScope.metList}" varStatus="status">
	      								<tr>
	      									<c:forEach var="met" items="${metList}">
	      									<td class="col-rowspanMid" height="15px">
	      										<c:if test="${fn:substring(met.key,0,5)=='ak_id'}">
	      											<div class="ellipsis"  style="width:100%;" title="${met.value }">${met.value }</div>
      											</c:if>
      										</td>
      										</c:forEach>
      									</tr>
      								</c:forEach>
	      						</tbody>
	      					</table>
      					</div>
      				</td>
      			</tr>
      		</table>
   	</div><!-- end of div.box-container1 -->
</div> <!-- end of div.box -->
</body>
</html>